<template>
	<view class="detail">
        <view class="detail-item">
            <view class="item-title">
                <uni-icons color="#55BCBD" type="person-filled" size="20"></uni-icons>
                <view class="title">房主信息</view>
			</view>
            <view class="item-desc">
                姓名：张三
            </view>
            <view class="item-desc">
                生辰：2000年01月01日 20时6分
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <uni-icons color="#55BCBD" type="home-filled" size="20"></uni-icons>
                <view class="title">房宅信息</view>
			</view>
            <view class="home-analy">
                <view class="grid-item">卧室A</view>
                <view class="grid-item">东南</view>
                <view class="grid-item">卧室B</view>
                <view class="grid-item">东北</view>
                <view class="grid-item">卫生间</view>
                <view class="grid-item">正东</view>
                <view class="grid-item">厨房</view>
                <view class="grid-item">西北</view>
                <view class="grid-item">客厅</view>
                <view class="grid-item">西南</view>
                <view class="grid-item">入户门</view>
                <view class="grid-item">正西</view>
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <uni-icons color="#55BCBD" type="vip-filled" size="20"></uni-icons>
                <view class="title">喜忌分析</view>
			</view>
            <view class="item-desc">
                庚生亥月。亥月初束时节，秋凉已经到了，寒气逐渐形成，命令控制以平衡为要，应当选取火土来用神
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <view class="room-name">卧室A</view>
			</view>
            <view class="item-desc room-position">
                坐东方的家宅是震宅，大门向西
            </view>
            <view class="item-desc room-analy">
                延年吉方，武曲星，属金。乃中吉之星曜家庭和睦，兼有朋友扶助。也有延年益寿、增强生命力及抗疾病能力的作用，并且促进感情的滋长、婚姻和谐，而使家庭美满。随和、安逸、有耐性，懂得赞赏别人，自己也受到肯定而满足。
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <view class="room-name">卧室B</view>
			</view>
            <view class="item-desc room-position">
                坐东南方的家宅是巽宅，大门向西北
            </view>
            <view class="item-desc room-analy">
                伏位吉方,左辅星，属木。乃小吉之星曜。一切平静，无口舌是非，小人退避。对赚钱敏感、家庭观念重，男性在家中体贴、听从父母和太太的话，但性欲减低。
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <view class="room-name">客厅</view>
			</view>
            <view class="item-desc room-position">
                坐东方的家宅是震宅，大门向西
            </view>
            <view class="item-desc room-analy">
                延年吉方，武曲星，属金。乃中吉之星曜家庭和睦，兼有朋友扶助。也有延年益寿、增强生命力及抗疾病能力的作用，并且促进感情的滋长、婚姻和谐，而使家庭美满。随和、安逸、有耐性，懂得赞赏别人，自己也受到肯定而满足。
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <view class="room-name">卫生间</view>
			</view>
            <view class="item-desc room-position">
                坐东方的家宅是震宅，大门向西
            </view>
            <view class="item-desc room-analy">
                延年吉方，武曲星，属金。乃中吉之星曜家庭和睦，兼有朋友扶助。也有延年益寿、增强生命力及抗疾病能力的作用，并且促进感情的滋长、婚姻和谐，而使家庭美满。随和、安逸、有耐性，懂得赞赏别人，自己也受到肯定而满足。
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <view class="room-name">厨房</view>
			</view>
            <view class="item-desc room-position">
                坐东方的家宅是震宅，大门向西
            </view>
            <view class="item-desc room-analy">
                延年吉方，武曲星，属金。乃中吉之星曜家庭和睦，兼有朋友扶助。也有延年益寿、增强生命力及抗疾病能力的作用，并且促进感情的滋长、婚姻和谐，而使家庭美满。随和、安逸、有耐性，懂得赞赏别人，自己也受到肯定而满足。
            </view>
        </view>
        <view class="detail-item">
            <view class="item-title">
                <uni-icons color="#55BCBD" type="chatbubble-filled" size="20"></uni-icons>
                <view class="title">2024年甲辰年分析</view>
			</view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    白贪狼星:为财官星，主得名气及官位和偏财
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    二黑病符星:凶事临门生祸，死绝症，病星，如坐卧在此必生灾乱。
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    三碧禄存星:主官非是非或破财，小人当道，贼星入屋，破财招刑，口舌是非多。
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    四绿文曲星:有利文化艺术，同时易招挑花事件
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    五黄廉贞星:最大凶星，主大病绝症，孕妇失丁死亡，肾病及下阴生疮，食物中毒，破产，好赌，神经失常，口舌出疮毒，如若坐卧于此必行衰运。
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    六白武曲星:此星为偏财、横财星，与一白的,八白并称为三大财星。
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
            <view class="analy-item">
                <view class="item-desc room-position">
                    七赤破军星:口舌是非，刀光剑影，开刀残症区在唇舌，又为火旺之象。身体上影响呼吸，口舌及肺部毛病。
                </view>
                <view class="item-desc room-analy">
                    此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。此段描述，注意事项及破解方法。
                </view>
            </view>
        </view>
    </view>
</template>
<script>

export default {
	data() {
		return {
			
		};
	},
	mounted() {

	},
	methods: {
		
	}
}

</script>
<style lang="scss" scoped>
.detail {
    position: relative;
	height: 100vh;
	width: 100vw;
    overflow-y: auto;
    padding: 20rpx;
    box-sizing: border-box;
    background-color: #f3f4f6;
}
.detail-item {
    box-sizing: border-box;
    padding: 15rpx;
    border-radius: 10rpx;
    background-color: #fff;
    border: 1px solid #ccc;
    .item-title {
        display: flex;
        align-items: center;
        margin-bottom: 15rpx;
    }
    .title {
        margin-left: 15rpx;
    }
    .room-name {
        font-size: 14px;
        padding: 5rpx 10rpx;
        border-radius: 8rpx;
        text-align: center;
        background-color: #55BCBD;
        color: #fff;
    }
    .room-position {
        font-weight: 500;
    }
    .room-analy {
        text-indent: 3ch;
    }
    .item-desc + .item-desc {
        margin-top: 10rpx;
    }
}
.home-analy {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; 
}
.grid-item {
    text-align: center;
    border: 1px solid #ccc;
}
.detail-item + .detail-item {
    margin-top: 15rpx;
}
.analy-item + .analy-item {
    margin-top: 20rpx;
}
</style>
